#afterSales {
  .navbar {
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    z-index: 20;
    height: 50px;
    line-height: 50px;
    background: #FFFFFF;
    font-size: 14px;
    color: #353535;

    .navbar-item {
      flex: 1;
      width: 0%;
      text-align: center;

      &.activity {
        color: #1aad19;
      }
    }
    .navbar-slider {
      position: absolute;
      content: " ";
      left: 0;
      bottom: 0;
      width: 4em;
      height: 3px;
      background-color: #1aad19;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s
    }
  }

  .as-panel{
    padding-top: 50px;
    .as-content {
      margin-top: 5px;

        background: #ffffff;
        .title {
          height:50px;
          line-height:60px;
          font-size: 16px;
          font-weight:bold;
          padding:0 10px;
        }

        .progress {
          width:100%;
          height:60px;
          display: flex;
          align-items: center;
          justify-content: space-around;
          flex-direction:row;
          font-size:14px;
          .input {
            display:inline-block;
            border:0;
            width:65%;
            height: 35px;
          }

          .sale-search {
            margin:0;
            font-size:14px;
            display:inline-block;
            height:35px;
            width:75px;
            line-height: 35px;
            border-radius:3px;
            background:transparent;
            color:#1aad19;
            border:1px solid #1aad19;
          }

      }

      .search-result {
        font-size: 14px;
        .order-number {
          height: 40px;
          padding: 0 10px;
        }

        .order-detail {
          ul {
            li {
              height:90px;
              padding:10px;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              image {
                display: inline-block;
                width:70px;
                height:70px;
              }

              .center {
                width:40%;
                display:flex;
                height:70px;
                margin-left:10px;
                margin-right:20px;
                flex-direction: column;
                justify-content: space-between;

                .goods_title {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                }

                .price {
                  color:#ee2b1d;
                  font-size:12px;
                }


              }

              .sale {
                font-size:14px;
                line-height: 34px;
                padding:0 10px;
                height:34px;
                border:1px solid #1aad19;
                border-radius:3px;
                text-align: center;
                background:transparent;
                color:#1aad19;
              }
            }
          }
        }
      }
    }
  }


}